$(document).ready(function(){
    //模态表单
    $("#dialog-form").dialog({
        autoOpen:false,
        modal:true,
        buttons:{
            "确定":function(){
                $("#list tbody").append(` <tr>
                <th>${$("#formType").val()}</th>
                <th><input type="text" id="content"></th>
                <th><input type="button" value="删除" class="delete"></th>
                </tr>`);
                $(this).dialog("close");
            },
            "取消":function(){
                $(this).dialog("close");
            }
        }
    });
    //添加
    $("#add").click(function(){
        $("#dialog-form").dialog("open");
    });
    //删除
    $("#list").click(function(e) {
        if (e.target.className=="delete"){
             $(e.target).parents("tr").remove();
        };
    });
    
    //预览
    $("#preview").click(function(){
        $(".delete").hide();
        $("#add").hide();
    });
    //编辑
    $("#edit").click(function(){
        $(".delete").show();
        $("#add").show();
    })
  });
